﻿
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no,email=no,address=no" />
    <link href="css/aisearch_2.css" rel="stylesheet" />
    
    <title>淘宝天猫搜索</title>
</head>
<body>
    <header class="head">
        <div class="search_bar container">
            <form>
              
                <div class="text_wrap">
                    <div class="icon icon_search"></div>
                    <div class="text">
                        <input id="search_input" type="text" placeholder="[教程必看] 请黏贴淘宝商品标题" />
                    </div>
                    <input class="btn" type="submit" value="搜索" />
                   
                </div>
             
            </form>
        </div>
    </header>
    <div class="search_show">
        <div class="stepTl"><p><span>淘宝／天猫</span><i>3</i><span>步完成</span></p></div>
        <ul class="stepBd clearfix">
            <li class="step_01"><i></i>搜索淘宝<br>宝贝标题</li>
            <li class="step_02"><i></i>领取优惠券<br>点击购买</li>
            <li class="step_03"><i></i>购买成功<br>拿佣金</li>
        </ul>
        <div id="link_course"><a href="#" onclick="document.getElementById('jiaocheng').style.display = 'block';"><span>详细教程</span></a></div>

     
    </div>
   

    <div class="q-wrap" id="jiaocheng" style="display:none">
        <!--教程-->
        <div class="categorycha" id="ctcha" style="display: block;">
            <!-- 分类 -->
            <ul class="categorycha">
                <img src="https://img.alicdn.com/imgextra/i1/1048901679/TB2IrB3nZtnpuFjSZFKXXalFFXa_!!1048901679.jpg" />

                <div>
                    <img src="https://img.alicdn.com/imgextra/i4/2041632172/TB2knxVydBopuFjSZPcXXc9EpXa-2041632172.jpg" />
                </div>
                <span><img src="https://img.alicdn.com/imgextra/i2/2041632172/TB2MqmiybJmpuFjSZFwXXaE4VXa-2041632172.jpg" /></span>
                <div>
                    <img src="https://img.alicdn.com/imgextra/i1/2041632172/TB2JsOnykqvpuFjSZFhXXaOgXXa-2041632172.jpg" />
                </div>
                <span><img src="https://img.alicdn.com/imgextra/i4/2041632172/TB2K2LLyhlmpuFjSZPfXXc9iXXa-2041632172.jpg" /></span>
            </ul>
        </div>
        <!--教程结束-->
    </div>



 
    <div class="tagBox">
        <h3><i></i>热门搜索</h3>
        <ul class="search_tag flist clearfix f13">
            <li>短袖</li>
            <li>T恤</li>
            <li>防晒衣</li>
            <li>口红</li>
            <li>风扇</li>
            <li>凉席</li>
            <li>充电宝</li>
            <li>玻璃杯</li>
            <li>拖鞋</li>
            <li>衬衫</li>
            <li>牛仔裤</li>
            <li>连衣裙</li>
            <li>修容棒</li>
            <li>面膜</li>
            <li>防晒霜</li>
            <li>洗发水</li>
            <li>耳机</li>
            <li>女鞋</li>
            <li>文胸</li>
        </ul>
    </div>

   
</body>
</html>